<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
    <ul class="nav">
        <li class="nav-item">
          <a class="nav-link active" href="#">Active</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled">Disabled</a>
        </li>
      </ul>

      <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
          <div class="carousel-item active">
              <img src="https://p0.ssl.qhimgs1.com/sdr/400__/t013ad3be8da619b558.webp" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="https://p1.ssl.qhimgs1.com/sdr/400__/t01e9000bfbe5c5095f.webp" class="d-block w-100" alt="...">
          </div>
          <div class="carousel-item">
            <img src="https://p1.ssl.qhimgs1.com/sdr/400__/t01de07c91de8beff65.webp" class="d-block w-100" alt="...">
          </div>
        </div>
      </div>

</body>
</html>